<template>
	<view class="min-h-full p-10 static">
		<view class="flex flex-row flex-wrap rounded-lg bg-white" style="min-height: 80vh;box-shadow: 0 0 8px 0px rgba(0,0,0,0.3)">
			<view class="w-full p-20 text-14" style="color: #5E5E5E;">
				<view class=" pt-12 pb-12 flex flex-row justify-center">
					<text class="text-bold">客服在线时间：</text>
					<text class="">{{service_time}}</text>
				</view>
				<view class=" pt-12 pb-12 flex flex-row justify-center">
					<text class="text-bold">客服电话：</text>
					<text class="">{{service_phone}}</text>
				</view>
				<view class="pt-25 pb-12 text-center">
					<view class="text-bold">客服微信</view>
					<view class="pt-12">
						<image style="width: 300rpx; height: 300rpx;" :show-menu-by-longpress="true" :src="service_wechat_qrcode"></image>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import { mapState, mapMutations } from 'vuex'
	import request from '/utils/request.js';
	export default {
		data() {
			return {
				service_wechat_qrcode: '',
				service_phone: '',
				service_time: '',
			}
		},
		computed: {
			...mapState(['hasLogin', 'userInfo'])
		},
		onLoad() {
			this.getConfig();
		},
		onReachBottom() {
			
		},
		onShareAppMessage() {
			return {
			  title: '飞兔接单',
			  path: '/pages/task/list',
			  // imageUrl : ''
			}
		},
		onShareTimeline() {
			return {
			  title: '飞兔接单',
			  // query: '',
			  // imageUrl : ''
			}
		},
		methods: {
			getConfig(){
				request.post('/pilot/config').then(res=>{
					this.service_wechat_qrcode = res.service_wechat_qrcode;
					this.service_phone = res.service_phone;
					this.service_time = res.service_time;
				})
			}
		}
	}
</script>

<style>
	page{
		background-color: #FFF8F5;
	}
	.bottom-line{
		border-bottom: 1px solid #bbb;
	}
</style>
